<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title></title>
  <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
  <header>
    <div class="logo"><img src="images/logo.png"></div>
    <div class="topnav">
      <ul>
        <li><a href="#">手机版</a></li>
        <li><a href="#">收藏本站</a></li>
      </ul>
    </div>
  </header>
  <nav>
    <ul>
      <li><a href="/">首页</a></li>
      <li><a href="/page/1">公司简介</a></li>
      <li><a href="/product">产品中心</a></li>
      <li><a href="/news">新闻中心</a></li>
      <li><a href="/page/3">人才招聘</a></li>
      <li><a href="/register">会员注册</a></li>
      <li><a href="/page/2">联系我们</a></li>
  </ul>
  </nav>
  <main>
    <div class="banner">
      <img src="images/1.jpg"><span>勇攀高峰砥砺前行</span>
    </div>
    <div class="container">
      <section class="product">
        <h2>产品展示</h2><a href="#">更多产品</a>
        <ul>
          <% for (var i=0; i < products.length; i++) { %>
            <li>
              <a href="">
                <IMG src="/<%= products[i].image %>" alt="" />
                <P>
                  <%= products[i].name%></br><span>价格:￥<%= products[i].price %>元</span>
                </p>
              </a>
            </li>
            <% } %>
        </ul>
      </section>
      <section class="news">
        <h2>新闻中心</h2><a href="#">更多产品</a>
        <u1>
          <li><a href="#">新闻标题1<span>05-16</span></a></1i>
          <li>
            <ahref="">新闻标题2<span>04-08</span></a></1i>
          <li>
            <ahref="">新闻标题3<span>04-08</span></a></1i>
          <li>
            <ahref="">新闻标题4<span>04-08</span></a></1i>
          <li>
            <ahref="">新闻标题5<span>04-08</span></a></1i>
        </u1>
      </section>
      <div style="clear: both;"></div>
      <section class="gsjj">
        <h2>公司简介</h2>
        <img src="images/gsgl.png" />
        <p>都达科技股份有限公司于2010年成立于常州，距上海2小时车程，是一个
          技术专业化、管理科学化、人员年轻化的现代化民营企业。公司主要生产和销售汽车空调配件控制阀.···
          <a href="gsjj.html">查看更多</a>
        </p>
      </section>
    </div>
  </main>
  <footer>
    <div class="footnav">
      <ul>
        <li><a href="index.html">首页</a></li>
        <li><a href="page.html">公司简介</a></li>
        <li><a href="productList.html">产品中心</a></li>
        <li><a href="news.html">新闻中心≤/a></li>
        <li><a href="register.html">会员注册</a></li>
        <li><a href="page.html">联系我们</a></li>

        </u1>
    </div>
    <div class="copyright">
      Copyright&copy;2019 都达科技股份有限公司版权所有
    </div>
  </footer>
</body>

</html>